<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
	<link rel="stylesheet" href="../../css/common.css" media="all" />
</head>
<body class="childrenBody">

	<!--用户展示区域-->
	<div class="statabox">
		<div class="">
			<div class="seleboc hauto" >
				<div class="layui-form">

					<div class="" style="height: 110px;clear: both">
						<div class=" fl">
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">搜索</label>
									<div class="layui-input-inline">
										<input type="text" value="" placeholder="请输入公开课名称" class="layui-input search_input">
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">筛选</label>
									<div class=" layui-inline layui-form component">
										<select name="modules" lay-verify="required">
											<option value="">选择公开课类型</option>
											<option value="1">类型一</option>
											<option value="2">类型二</option>
										</select>
									</div>

									<a class="layui-btn search_btn">查询</a>
								</div>
							</div>
						</div>
					</div>


		</div>

	</div>

	<!--表格展示区-->
			<div class="layui-form touxiangbox">

				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr coursebuy_btn">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>
				<div class="touxianglist">
					<div class="touxiangimg">
						<img src="../../images/face.jpg">
					</div>
					<p class="touxiangname">自然拼读-字母a</p>
					<div class="w200s">
						<div class="fl">3000金币</div>
						<a class="layui-btn layui-btn-mini fr">购买</a>
					</div>
				</div>



			</div>
	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->
	<div id="page1">
		<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
			<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>
			<a href="javascript:;" data-page="1">1</a>
			<span class="layui-laypage-curr">
				<em class="layui-laypage-em"></em>
				<em>2</em></span>
			<a href="javascript:;" data-page="3">3</a>
			<a href="javascript:;" data-page="4">4</a>
			<a href="javascript:;" data-page="5">5</a>
			<span>…</span>
			<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>
			<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>
		</div>
	</div>

	<script type="text/javascript" src="../../layui/layui.js"></script>

		<script type="text/javascript" src="index.js"></script>
		</div>
	</div>
	<!--添加弹窗-->
	<div class="mt20" id="addtype" >
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<label class="layui-form-label ">充值金额</label>
				<div class="layui-input-block  w200">
					<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入充值金额" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">支付方式</label>
				<div class="layui-input-block">
					<input type="radio" name="pay" value="支付宝" title="支付宝">
					<input type="radio" name="pay" value="微信" title="微信" checked>
					<input type="radio" name="pay" value="转账汇款" title="转账汇款" checked>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn">确定</button>
					<button type="reset" class="layui-btn layui-btn-primary">取消</button>
				</div>
			</div>
		</form>
	</div>
</body>
</html>